<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="referrer" content="no-referrer" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1,
            maximum-scale=1,
            minimum-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="./assest/style/reset.css" />
    <link rel="stylesheet" href="./assest/style/font/iconfont.css" />
    <link rel="stylesheet" href="./assest/style/common.css" />
    <link rel="stylesheet" href="./assest/style/target.css" />
    <title>目的地</title>
  </head>

  <body>
    <div class="target-index" id="app">
      <nav class="flex jc-sa aic tabs bg-fff">
        <a
          href="./target-fangyuan.html"
          class="fcc"
          :class="{active: activeIndex===1}"
          >小区房源</a
        >
        <a
          href="./target-pinglun.html"
          class="fcc"
          :class="{active: activeIndex===2}"
          >评论</a
        >
        <a
          href="./target-wanle.html"
          class="fcc"
          :class="{active: activeIndex===3}"
          >周边玩乐</a
        >
        <a
          href="./target-jieshao.html"
          class="fcc"
          :class="{active: activeIndex===4}"
          >小区介绍</a
        >
      </nav>

      <div class="house-list-around mt-5 bg-fff pt-10">
        <template v-for="item in list"> 
          <p class="fcc pl-10 pr-10" :class="{title:item.title}" v-if="item.type==='text'">{{item.content}}</p>
          <img v-if="item.type==='img'" :src="'./assest/img/'+item.imgUrl" />
        </template>

        <p class="fcc pl-10 pr-10">
          <strong>公交路线:</strong>
        </p>
        <p class="fcc pl-10 pr-10 pb-20">
          盐坝高速葵涌出口下，然后前面红绿灯左转，过两个隧道往大鹏所城和大亚湾方向，看见一个大鹰之后走左边，4公里后看见大鹏派出所，右转进入银滩路，看到较场尾临时停车场就ok啦。
        </p>
      </div>
    </div>

    <script src="./js/axios.js"></script>
    <script src="./js/jQuery.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/vue.js"></script>
    <script>
      var vm = new Vue({
        el: "#app",
        data: {
          activeIndex: common.activeIndex,
          list: [],
        },
        created() {
          $http.get("/around").then((res) => {
            this.list = res.data;
          });
        },
      });
    </script>
  </body>
</html>
